/* 设计博客编辑页的样式 */

/* 设置版心容器 */
.edit-container{
    width: 1000px;
    height: calc(100% - 40px);
    /* 水平居中 */
    margin: 0 auto;
}


.edit-container .title{
    width: 100%;
    height: 50px;
    /* 让里面的内容水平排列 */
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* 上下间隔 水平居中 */
    padding-top: 5px;
    margin:0 auto;
}

.edit-container #input{
    width: 900px;
    height: 40px;
    font-size: 18px;
    font-weight: 500;
    text-indent: 2em;
    border: none;
    outline: none;
    border-radius: 10px;
    background-color: rgba(255,255,255,0.8);
}

.edit-container #button{
    /* 转化为块级元素 */
    display: block;
    width: 95px;
    height: 40px;
    font-size: 17px;
    font-weight: 550;
    border: none;
    outline: none;
    border-radius: 10px;
    background: rgb(246, 223, 19);
}

.edit-container #button:active{
    background-color: #666;
}

.edit-container #editor{
    border-radius: 10px;
    /* 设置透明效果 */
    /* 不用rgba因为rgba只能影响当前元素,而opacity可以影响到子元素 */
    opacity: 80%;
}
